<template>
    <div class="category">
      <h3>{{title}}</h3>

<!--      定义一个插槽（挖个坑，）-->
      <slot name="center"></slot>

      <slot name="footer"></slot>

    </div>

</template>

<script>

export default {

  // eslint-disable-next-line vue/multi-word-component-names
  name: "Category",
  props:['listData','title']

}
</script>

<style scoped>
  .category{
    background-color: skyblue;
    width: 200px;
    height: 300px;
  }
  h3{
    text-align: center;
    background-color: orange;
  }
</style>